import { useModel } from '@umijs/max';

function Logo() {
  const {
    initialState: { currentUser },
  } = useModel('@@initialState');

  return currentUser?.theme === 'lights' ? (
    <img
      src="./logo.png"
      alt=""
      style={{ width: '80%', height: '80%', objectFit: 'cover' }}
    />
  ) : (
    <img
      src="./logo_dark.png"
      alt=""
      style={{ width: '80%', height: '80%', objectFit: 'cover' }}
    />
  );
}

export default Logo;
